<template>
  <div class="min-h-screen flex items-center justify-center bg-gray-50">
    <div class="text-center">
      <i class="icon-[heroicons--wrench-screwdriver] w-16 h-16 text-gray-400 mx-auto mb-4"></i>
      <h1 class="text-2xl font-bold text-gray-900 mb-2">页面开发中</h1>
      <p class="text-gray-600 mb-4">{{ $route.meta.title || '此页面' }}正在开发中，敬请期待</p>
      <router-link 
        :to="$route.path.includes('admin') ? '/admin/dashboard' : '/student/home'"
        class="inline-flex items-center justify-center rounded-lg px-4 py-2 text-sm font-medium transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed bg-blue-500 text-white hover:bg-blue-600 focus:ring-blue-500"
      >
        返回首页
      </router-link>
    </div>
  </div>
</template>

<script setup>
// 占位组件，用于未开发完成的页面
</script>